/*手机端样式*/
/*关于我们*/
@media screen and (max-width: 950px) {
    .iconfont {
        font-size: .16rem;
    }

    .f13 {
        font-size: .13rem !important;
    }

    .f14 {
        font-size: .14rem !important;
    }

    .f15 {
        font-size: .15rem !important;
    }

    .f16 {
        font-size: .16rem !important;
    }

    .f17 {
        font-size: .17rem !important;
    }

    .f18 {
        font-size: .18rem !important;
    }

    .f20 {
        font-size: .20rem !important;
    }

    .f22 {
        font-size: .22rem !important;
    }

    .f24 {
        font-size: .24rem !important;
    }

    .mb5 {
        margin-bottom: .05rem
    }

    .mb10 {
        margin-bottom: .10rem
    }

    .mb15 {
        margin-bottom: .15rem
    }

    .mb20 {
        margin-bottom: .20rem
    }

    .mb30 {
        margin-bottom: .30rem
    }

    .mb40 {
        margin-bottom: .40rem
    }

    .mt5 {
        margin-top: .05rem
    }

    .mt10 {
        margin-top: .10rem
    }

    .mt15 {
        margin-top: .15rem
    }

    .mt20 {
        margin-top: .20rem
    }

    .mt30 {
        margin-top: .30rem
    }

    .mt40 {
        margin-top: .40rem
    }

    .mr5 {
        margin-right: .05rem
    }

    .mr10 {
        margin-right: .10rem
    }

    .mr20 {
        margin-right: .20rem
    }

    .mr30 {
        margin-right: .30rem
    }

    .mr40 {
        margin-right: .40rem
    }

    .ml5 {
        margin-left: .05rem
    }

    .ml10 {
        margin-left: .10rem
    }

    .ml20 {
        margin-left: .20rem
    }

    .ml30 {
        margin-left: .30rem
    }

    .ml40 {
        margin-left: .40rem
    }

    ::-webkit-scrollbar {
        height: 0px;
        width: 0px;
    }

    .common-title {
        display: flex;
        justify-content: space-between;
        padding: .1rem 0 .1rem .1rem;
        font-size: .15rem;
        position: relative;
    }

    .common-title:before {
        display: inline-block;
        content: '';
        position: absolute;
        height: .16rem;
        width: .04rem;
        background: red;
        left: 0;
        top: .12rem;
    }

    .common-title .more {
        font-size: .12rem;
        color: #666;
        display: flex;
        align-items: center;
    }

    .common-title .more i {
        margin-left: .06rem;
    }

    .menu-btn {
        position: absolute;
        top: 0;
        left: 0rem;
        display: flex;
        align-items: center;
        justify-content: center;
        width: .5rem;
        height: .5rem;
        z-index: 2;
    }

    .menu-btn.active span:first-child {
        transform: rotate(45deg)
    }

    .menu-btn.active span:nth-child(2) {
        opacity: 0
    }

    .menu-btn.active span:nth-child(3) {
        transform: rotate(-45deg)
    }

    .menu-btn span:first-child {
        top: .17rem;
    }

    .menu-btn span:nth-child(2) {
        top: .24rem;
    }

    .menu-btn span:nth-child(3) {
        top: .31rem;
    }

    .menu-btn span {
        display: block;
        position: absolute;
        left: .14rem;
        width: .2rem;
        height: .02rem;
        transition: all .3s ease-out 0s;
        transform: rotate(0deg);
        transform-origin: left center;
        background-color: black;
    }

    /*页面title*/
    .page-title {
        display: flex;
        justify-content: space-between;
        padding: .1rem 0 .1rem .1rem;
        font-size: .15rem;
        position: relative;
        font-weight: bold;
    }

    .page-title:before {
        display: inline-block;
        content: '';
        position: absolute;
        height: .16rem;
        width: .04rem;
        background: red;
        left: 0;
        top: .12rem;
    }

    .page-title .more {
        font-size: .12rem;
        color: #666;
        display: flex;
        align-items: center;
    }

    .page-title .more i {
        margin-left: .06rem;
    }

    /*切换tab*/
    .sticky-tab {
        position: sticky;
        top: .45rem;
        background-color: white;
        width: 100%;
        padding: 0rem .1rem !important;
        z-index: 2;
    }

    .switch-tab, .common-tab {
        display: flex;
        border-bottom: .04rem solid #f7f7f7;
        align-items: center;
        margin-top: .04rem;
        /*overflow-y: auto;首页显示问题处理*/
        overflow-x: auto; /* switch-tab注释了会导致内容过长时左右不能滑动*/
    }

    .switch-tab li, .common-tab li {
        margin-right: .3rem;
        min-height: .4rem;
        padding-top: .08rem;
    }

    .switch-tab li a, .common-tab li a {
        display: flex;
        font-size: .14rem;
        color: #666;
        transition: all .3s;
        height: 100%;
        align-items: center;
        word-break: keep-all;
    }

    .switch-tab > li > a, .common-tab > li > a {
        height: .3rem;
        color: #333;
        font-weight: bold;
        font-size: .15rem;
        position: relative;
    }

    .switch-tab li a:after, .common-tab li a:after {
        display: inline-block;
        content: '';
        width: 0rem;
        height: .04rem;
        border-radius: 1rem;
        position: absolute;
        left: calc(50% - .2rem);
        bottom: -.06rem;
        transition: all .3s;

    }

    .switch-tab li.active .children, .common-tab li.active .children {
        height: 2rem;
        opacity: 1;
        padding: .1rem 0rem;
    }

    .switch-tab li .children, .common-tab li .children {
        position: absolute;
        left: 0;
        box-shadow: 0px .04rem .04rem #ececec;
        width: 100%;
        background: #ffffff;
        color: #666;
        transition: all .3s;
        top: 100%;
        height: 0rem;
        opacity: 0;
        z-index: 12;
        overflow: auto;
        display: flex;
        flex-direction: column;
    }

    .switch-tab li .children li, .common-tab li .children li {
        padding: .12rem;
    }

    .switch-tab li .iconfont, .common-tab li .iconfont {
        position: absolute;
        right: -.18rem;
        top: .08rem;
        font-size: .16rem;
    }

    .switch-tab li.active a .icon-xiala, .common-tab li.active a .icon-xiala {
        transform: rotate(-180deg);
        display: inline-block;
    }

    .switch-tab li.active > a, .common-tab li.active > a {
        font-size: .15rem;
        color: #f10f04;
    }

    .switch-tab li.active > a:after, .common-tab li.active > a:after {
        background: linear-gradient(90deg, #ff6643 0, #f10f04 100%);
        width: .4rem;
    }

    .tab-switch-list p, .tab-switch-list span, .tab-switch-list a {
        font-size: .14rem;
    }

    .tab-switch-list .common-tab {
        padding: 0 .12rem;
    }

    .tab-switch-list .content {
        padding: .12rem 0;
    }

    .card-one-line {
        display: flex;
        flex-wrap: wrap;
        padding: .12rem;
        background: white;
        justify-content: space-between;
    }

    .card-one-line .title {
        position: relative;
        font-size: .15rem;
        font-weight: bold;
    }

    .card-one-line .title:after {
        display: inline-block;
        content: '';
        height: .06rem;
        width: 98%;
        background-image: linear-gradient(to right, rgba(247, 98, 111, 0.7), rgba(253, 253, 253, .5));
        position: absolute;
        bottom: 0px;
        left: 0;
    }

    .card-one-line ul {
        padding-top: .06rem;
    }

    .card-one-line .common-box {
        width: 48%;
        border-radius: 6px;
        box-shadow: 0px 0px 10px #d2d0d0;
        padding: .1rem;
        margin-bottom: .1rem;
    }

    .card-one-line a {
        display: flex;
        width: 100%;
        padding: .02rem 0;
        align-items: center;
    }

    /******************/
    .tab-switch-tag {
        margin-top: .12rem;
        border-radius: .08rem;
        padding: .12rem;
        background-color: white;
    }

    .tab-switch-tag .list {
        padding-top: .1rem;
        display: flex;
        flex-wrap: wrap;
    }

    .tab-switch-tag .list li {
        padding: .04rem .08rem;
        min-width: 50%;
    }

    .tab-switch-tag .list a {
        font-size: .14rem;
    }

    .tab-switch-tag .content {
        display: flex;
        flex-direction: column;
        justify-content: center;
    }

    .tab-switch-tag .content .image {
        width: 100%;
        border-radius: .08rem;
    }

    /*******************/
    .tab-switch-list {
        background: white;
        border-radius: .06rem;
        padding-top: .12rem;
        margin-top: .12rem;
    }

    .tab-switch-list .switch-tab {
        padding: 0 .12rem;
    }

    .tab-list-content > div:not(:first-child) {
        margin-top: .2rem;
    }

    .tab-list-content .title {
        background-image: linear-gradient(to right, #F52120, #C80718);
        color: white;
        padding: .04rem .16rem;
        border-radius: 0 .04rem .04rem 0;
    }

    .tab-list-content .item {
        padding: .14rem 0;
        margin: .01rem .16rem 0;
        border-bottom: 1px dashed #ccc;
    }

    .tab-list-content .item .name {
        margin-bottom: .14rem;
    }

    /*页面标题start*/
    .comp-title {
        display: flex;
        align-items: center;
        padding: .04rem .12rem;
        background: white;
    }

    .comp-title img {
        width: .24rem;
        height: .24rem;
        margin-right: .08rem;
    }

    .comp-title span {
        padding: .06rem 0;
        font-size: .16rem;
        font-weight: bold;
    }

    /*股票模块*/
    .gp-block {
        padding: 0 .12rem;
        background-color: white;
    }

    .gp-block .tab-content {
        padding: .2rem 0 .1rem 0;
    }

    .gp-block .common-tab {

    }

    .gp-block .tab-content .info {
        margin-bottom: .2rem;
    }

    .gp-block .tab-content .info p {
        margin-bottom: .18rem;
    }

    .gp-block .tab-content .info span {
        font-weight: bold;
    }

    .gp-block .open-btn {
        display: flex;
        justify-content: center;
        align-items: center;
        border-radius: .04rem;
        padding: .04rem;
        width: 100%;
    }

    .gp-block .erweima-info .image {
        min-width: .9rem;
        width: 30%;
        border-radius: .04rem;
        border: 2px dotted #ff0808;
        display: flex;
        flex-shrink: 0;
        padding: .03rem;
    }

    /*弹窗模块*/
    .alert-comp .alert-body {
        border-radius: .12rem;
        min-height: 1.6rem;
        padding: .16rem;
    }

    .alert-comp .alert-body .title {
        padding: .08rem 0;

        margin-bottom: .1rem;
    }
    .alert-comp .alert-body .title span{
        font-size: .16rem;
    }

    .alert-comp .alert-body .close {
        top: -.08rem;
        right: -.06rem;
        width: .26rem;
    }

    .alert-comp .alert-body .content {
        font-size: .15rem;
        word-break: break-all;
        max-height: 3rem;
        overflow: auto;
        padding-bottom: .5rem;
    }

    .alert-comp .btn-group {
        bottom: 0.1rem;
        left: 0;
        width: 100%;
        background: white;
        padding-top: .1rem;
    }

    .alert-comp .btn-group span {
        padding: .06rem .18rem;
        border-radius: .08rem;
    }

    /*村文本列表*/
    .all-text-list {
        background-color: white;
        border-radius: .12rem .12rem 0 0;
        padding: .16rem;
    }

    .all-text-list .item {
        transition: all .3s;
        border-bottom: 1px dashed #ccc;
        padding-bottom: .1rem;
        margin-bottom: .16rem;
    }

    .all-text-list .item .title a {
        color: #ce4340;
        font-size: .14rem;
    }

    .all-text-list .item:last-child {
        border: none;
    }

    .all-text-list .item .title {
        display: flex;
        justify-content: space-between;
        height: .3rem;
        align-items: center;
        padding: .1rem 0 .2rem 0;
    }

    .all-text-list .item .title span {
        font-size: .16rem;
        font-weight: bold;
    }

    .all-text-list .item .content {
        line-height: .24rem;
        font-size: .14rem;
    }

    /*信用卡列表样式*/
    .wap-credit-card-page {
        padding: .1rem;
        background: white;
        border-radius: .12rem .12rem 0 0;
    }

    .wap-credit-card-page span, .wap-credit-card-page p, .wap-credit-card-page a {
        font-size: .14rem;
    }

    .card-tag {
        padding: .1rem;
        background: white;
        border-radius: .12rem .12rem 0 0;
    }

    .card-tag .content {
        padding: .08rem 0;
    }

    .card-tag .content li {
        padding: .02rem .06rem;
        font-size: .14rem;
    }

    .image-wrods-card {
        padding: .12rem;
        background-color: white;
        margin-top: .12rem;
    }

    .image-wrods-card li {
        padding: .08rem;
        width: 49%!important;
        margin-bottom: .1rem;
        margin-right: 0!important;
    }

    .image-wrods-card li:nth-child(odd) {

        margin-right: 2%!important;
    }
    .image-wrods-card .btn-group{
        display: flex;
        justify-content: space-between;
        padding: 10px 2px;
    }
    .image-wrods-card .btn-group .btn{
        border-radius: .04rem;
        border: 1px solid #dc143c;
        color:  #dc143c;
        display: flex;
        width: 46%;
        height: .28rem;
        align-items: center;
        justify-content: center;
    }
    .image-wrods-card .btn-group .btn:nth-child(2){
        background-color: #dc143c;
        color: white;
    }

    .image-wrods-card .image {
        overflow: hidden;
        border-radius: 6px;
        position: relative;
    }

    .image-wrods-card .image img {
        transform: scale(1);
        transition: all .3s;
    }

    .image-wrods-card li p {
        text-align: center;
        -webkit-line-clamp: 1;
    }

    .image-wrods-card li .name {
        padding: .04rem 0;
        width: 100%;
        position: absolute;
        bottom: 0;
        left: 0;
        color: white;
        background: rgba(0, 0, 0, .42);
    }

    .image-wrods-card li .desc {
        margin-top: .04rem;
     /*   display: none;*/
    }

    /*还款方式*/
    .nav-desc {
        margin-bottom: 20px;
        padding: .12rem;
        margin-top: .12rem;
        background-color: white;
        border-radius: .06rem;
    }

    .nav-desc .title {
        font-size: .15rem;
        font-weight: bold;
        margin-top: .12rem;
        margin-bottom: .14rem;
    }

    .nav-desc .content .desc {
        margin-bottom: .2rem;
    }

    /*个人金融*/
    .finance-wrap {
        display: flex;
        flex-direction: column;
        padding: .1rem;
        background-color: white;
    }

    .finance-wrap span, .finance-wrap p {
        font-size: .14rem;
    }

    .finance-wrap .finance-item {
        margin-bottom: .1rem;
    }

    .finance-wrap .finance-item > div {
        border-radius: .06rem;
        padding: .12rem;
        box-shadow: 0px 0px 0.12rem #e4e4e4;
        width: 100%;
        overflow: auto;
    }

    .finance-wrap .finance-item .item-checked {
        background-image: linear-gradient(to right, #FE081D, #F66D5A);
        box-shadow: 0.06rem 0.06rem 0.06rem #a9a9a9 !important;
        color: white;
        display: none;
    }

    .finance-wrap .finance-item .item-checked .title {
        font-size: .18rem;
        font-weight: bold;
        margin-bottom: .06rem;
        text-align: center;
        letter-spacing: 2px;
    }

    .finance-wrap .finance-item .item-checked .list {
        display: flex;
        flex-wrap: wrap;
    }

    .finance-wrap .finance-item .item-checked .list a {
        color: white;
        padding: .06rem 0 .06rem .06rem;
        font-size: .14rem;
        position: relative;
        margin-right: .2rem;
    }

    .finance-wrap .finance-item .item-checked .list a .dot {
        width: .04rem;
        height: .04rem;
        border-radius: 100%;
        background-color: white;
        display: inline-block;
        margin-right: .04rem;
    }

    .finance-wrap .finance-item .item-checked .list a::after {
        display: block;
        content: '';
        width: 0px;
        height: .02rem;
        background-color: white;
        position: absolute;
        left: 50%;
        bottom: .0rem;
        transition: all .3s;
        transform: translateX(-50%);
    }

    .finance-wrap .finance-item .item-checked .list a:hover::after {
        width: .3rem;
    }

    .finance-wrap .finance-item .item-nochecked {
        background-color: white;
    }

    .finance-wrap .finance-item .item-nochecked .icon {
        width: .36rem;
        height: .36rem;
        margin-bottom: .2rem;
    }

    .finance-wrap .finance-item .item-nochecked .desc {
        color: #484848;
        line-height: .24rem;
    }


    .wap-finance-detail {
        padding: .1rem .1rem .3rem .1rem;
    }

    .wap-finance-detail .item .title {
        position: relative;
        display: inline-block;
        margin-bottom: .2rem;
        margin-top: .10rem;
    }

    .wap-finance-detail .item .title::after {
        position: absolute;
        display: block;
        content: "";
        width: 100%;
        height: .08rem;
        border-radius: .02rem;
        bottom: -.04rem;
        background-image: linear-gradient(45deg, #c5251b, transparent);
    }

    .wap-finance-detail .item ul li {
        padding: .04rem 0;
        color: #000000;
        line-height: .26rem;
        font-size: .14rem;
    }

    /*固定收益类*/
    .words-card {
        display: flex;
        flex-direction: column;
        padding: .12rem .12rem .2rem .12rem;
        background-color: white;
        margin-top: .12rem;
        border-radius: .06rem;
    }

    .words-card .title {
        font-size: .18rem;
        font-weight: bold;
        display: flex;
        align-items: center;
    }

    .words-card .list {
        display: flex;
        justify-content: flex-start;
        flex-wrap: wrap;
    }

    .words-card .common-box {
        padding: .12rem .12rem .3rem .12rem;
        position: relative;
        margin-bottom: .2rem;
        transition: all .3s;
        border-bottom: 1px dashed #d4d4d4;
    }

    .words-card .common-box:last-child {
        border-bottom: none;
    }

    .words-card .common-box a {
        position: absolute;
        bottom: .1rem;
        right: .08rem;
        transition: all .3s;
        color: #ce4340;
        font-size: .12rem;
    }

    .words-card .name {
        font-size: .15rem;
        font-weight: bold;
        padding-bottom: .1rem;
    }

    .words-card .desc {
        -webkit-line-clamp: 4;
        line-height: .22rem;
        font-size: .14rem;
    }

    .words-card .yingyong, .words-card .bingzhuangtu {
        width: .3rem;
        height: .3rem;
        margin-right: .06rem;
        display: flex;
        border-radius: 100%;
        align-items: center;
        justify-content: center;
        margin-top: .03rem;
    }

    .words-card .iconfont {
        font-size: .16rem;
    }

    .words-card .yingyong {
        background-color: #FAEAEA;
        color: #C14B59;
    }

    .words-card .bingzhuangtu {
        background-color: #E5F5F2;
        color: #17B896;
    }

    .words-card .product {
        margin-bottom: .3rem;
    }

    .words-card .product .image {
        max-width: 100%;
        border-radius: .06rem;
    }

    .words-card .product .tab-content {
        display: flex;
        flex-direction: column;
        padding-top: .12rem;
        padding-left: .06rem;
    }

    .words-card .product .tab-content a {
        width: 50%;
        display: inline-block;
        text-align: left;
        box-sizing: border-box;
        transition: all .3s;
        flex-wrap: nowrap;
        flex-shrink: 0;
        padding: .08rem;
        font-size: .14rem;
    }

    .words-card .product .tab-content .icon-xiala {
        transform: rotate(-90deg);
        display: inline-block;
        position: relative;
        top: -2px;
        margin-left: 4px;
    }


    /*右侧浮动图标菜单栏目*/
    .wap-float-menu-container {
        position: fixed;
        right: -.4rem;
        top: .6rem;
        z-index: 11;
        transition: all .3s;
        opacity: .7;
    }

    .wap-float-menu-container.show {
        right: 2%;
        opacity: 1;
    }

    .wap-float-menu-container .expand {
        left: -.4rem;
        top: 49%;
        border-radius: .04rem 0 0 .04rem;
        background: #f97576;
        width: .4rem;
        height: .4rem;
    }

    .wap-float-menu-container .expand span {
        left: .12rem;
        background-color: white;
    }

    .wap-float-menu-container .icon-wrap {
        display: flex;
        flex-direction: column;
        padding: .14rem .04rem;
        background-color: #F6F7FB;
        border-radius: .5rem;
        box-shadow: 0px 0px .08rem #FBFAFF;
    }

    .wap-float-menu-container .icon-wrap a {
        display: flex;
        align-items: center;
        justify-content: center;
        padding: .06rem .02rem;
        flex-direction: column;
        color: #666;
    }

    .wap-float-menu-container .icon-wrap img {
        width: .3rem;
        height: .3rem;
        margin-bottom: .08rem;
    }

    .wap-float-menu-container .icon-wrap span {
        display: flex;
        width: .26rem;
        font-size: .12rem;
        text-align: center;
    }


    .wap-footer-page {
        padding: .12rem;
        /* background-color: white; */
        background: #B53030;
        margin-top: .08rem;
        color: rgba(255, 255, 255, 0.70);
    }
    .wap-footer-page .content{
        display: flex;
        margin-bottom: .12rem;
        margin-top: .12rem;
        flex-direction: column;
    }
    .wap-footer-page .footer-desc{
        margin-top: .1rem;
        padding-top: .16rem;
        border-top: .01rem solid rgba(242,242,242,0.16);
    }
    .wap-footer-page .footer-desc img{
        /*width: .2rem;*//*防止图片宽度高度不一致变形*/
        height: .2rem;
        margin-right: .01rem;
    }

    .footer-switch {
        display: flex;
        justify-content: flex-start;
    }

    .footer-switch li {
        margin-right: .2rem;
        position: relative;
        font-size: .14rem;
    }

    .footer-switch li.active {
        color: white;
        padding-bottom: .05rem;
    }
    .footer-switch li::after{
        display: inline-block;
        content: '';
        width: 0rem;
        height: .03rem;
        border-radius: 1rem;
        position: absolute;
        left: 0;
        bottom: -.04rem;
        transition: all .3s;
    }
    .footer-switch li.active::after {
        background: white;
        width: .3rem;
    }

    .wap-footer-page span, .wap-footer-page p, .wap-footer-page a {
        font-size: .12rem;
        color: rgba(255, 255, 255, 0.70);
        padding: .04rem 0;
    }

    .wap-footer-page .image {
        width: 33%;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
    }

    .wap-footer-page .image img {
        width: .8rem;
        height: .8rem;
        border-radius: .1rem;
        margin-bottom: .04rem;
    }

    .wap-footer-page .item .iconfont {
        font-size: .18rem;
    }

    .wap-footer-page span {
        color: rgba(255, 255, 255, 0.70);
        display: block;
        margin-top: .04rem;
    }

    /*三列排列*/
    .water-fallflow {
        align-items: flex-start;
        position: relative;
    }

    .water-fallflow .item {
        width: 31%;
        margin-right: 1.5%;
        position: absolute;
    }

    .water-fallflow .item .detail {
        width: 100%;
        padding: 8px 20px;
    }

    /*网格列表*/
    .grid-list-wrap {
        padding: .12rem;
        background-color: white;
        margin-top: .12rem;
        border-radius: .08rem;
    }

    .grid-list .item {
        box-shadow: 0px 0px 0.08rem #d2d0d0;
        border-radius: .06rem;
        transition: all .3s;
        overflow: hidden;
        width: 48%;
        margin: 0 auto .14rem;
        background: white;
    }

    .grid-list .item img {
        width: 100%;
    }

    .grid-list .item .content {
        padding: .12rem .12rem .18rem .12rem;
    }

    .grid-list .item .content .title {
        font-size: .16rem;
        font-weight: bold;
        display: inline-block;
        margin-bottom: .1rem;
    }

    .grid-list .item .content .detail {
        background-color: #D03533;
        padding: .04rem .2rem;
        border-radius: .04rem;
        color: white;
        display: inline-block;
        margin-top: .16rem;
        text-align: center;
    }

    .grid-list .item .content .desc {
        -webkit-line-clamp: 3;
        font-size: .14rem;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        /* autoprefixer: off */
        /* autoprefixer: on */
    }


    /*首页*/
    .wap-title {
        font-size: .15rem;
        font-weight: bold;
        padding-bottom: .1rem;
        text-align: left;
        color: #323d33;
        border-bottom: 1px solid #f2f2f2;
        position: relative;
    }

    .wap-index-block {
        background-color: white;
        margin-top: .08rem;
        border-radius: .05rem;
        padding: .16rem;
    }

    .wap-index-page p {
        font-size: .15rem;
    }

    .wap-service-block {
        padding: 0;
    }

    .wap-service-block ul {
        display: flex;
        justify-content: flex-start;
        width: 100%;
    }

    .wap-service-block .swiper-container {
        height: 1.1rem;
    }

    .wap-service-block .swiper-slide {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        width: 25%;
    }

    .wap-service-block .swiper-slide span {
        font-size: .13rem;
    }

    .wap-service-block img {
        width: .4rem;
        height: .4rem;
        margin-bottom: .06rem;
    }

    .wap-info-block a {
        position: relative;
        width: 90%;
        border-radius: .12rem;
        display: inline-block;
        overflow: hidden;
    }

    .wap-info-block :nth-child(3) {
        margin-right: 0;
    }

    .wap-info-block img {
        width: 100%;
        max-height: 300px;
        max-width: 400px;
        transition: all .3s;
    }

    .business-block {
        padding: .12rem;
        margin-top: .08rem;
        background: white;
    }

    .business-block .content {
        padding-top: .2rem;
        margin: 0 auto;
        overflow: hidden;
    }

    .business-block .content .main-image {
        width: 100%;
    }

    .business-block .content .business-item h1 {
        font-size: .15rem;
        margin-bottom: .02rem;
    }

    .business-block .content .business-item {
        padding: .12rem 0;
        display: flex;
        align-items: center;
        transition: all .3s;
        border-bottom: 1px dotted #cacaca;
        width: 100%;
    }

    .business-block .content .business-item:last-child {
        border-bottom: none;
    }


    .business-block .content .business-item img {
        width: .4rem;
        display: flex;
        flex-shrink: 0;
        height: .4rem;
        margin-right: .2rem;
        transition: all .3s;
    }

    .business-block .content .business-item span {
        font-size: .14rem;
        margin-top: .06rem;
    }

    .wap-news-block {
        padding: .12rem;
        margin-top: .08rem;
        background: white;
    }

    .wap-news-block .item {
        border-bottom: 1px solid #e8e8e8;
        padding: 18px 0;
        width: 100%;
        transition: all .3s;
        display: flex;
    }

    .wap-news-block .item:last-child {
        border-bottom: none;
    }

    .wap-news-block .item .name {
        margin-bottom: 14px;
        font-size: 15px;
        -webkit-line-clamp: 2;
        transition: all .3s;
    }

    /*左右布局显示*/
    .not-rule {
        padding: .12rem;
        margin-top: .12rem;
        border-radius: .06rem;
        background: white;
    }

    .not-rule .item {
        display: flex;
        flex-direction: column;
        border-bottom: .01rem dashed #b1b1b1;
        padding-bottom: .12rem;
    }

    .not-rule .item:last-child {
        border-bottom: none;
    }

    .not-rule .item .image {
        text-align: center;
        max-width: 100%;
    }

    .not-rule .item .image img {
        max-width: 100%;
    }

    .not-rule .item .content > p {
        display: flex;
        justify-content: flex-start;
        align-items: flex-start;
        margin-top: .12rem;
    }

    .not-rule .item .content > p > span {
        line-height: .2rem;
        font-size: .13rem;
    }

    .not-rule .item .content > p > span:nth-child(1) {
        flex-shrink: 0;
        flex-wrap: nowrap;
        margin-right: .06rem;
    }

    /*列表布局显示*/
    .line-list {
        background-color: white;
        border-radius: .12rem .12rem 0 0;
        padding: .16rem;
    }

    .line-list .item {
        padding-bottom: .2rem;
    }

    .line-list .item:last-child {
        border-bottom: none;
    }

    .line-list .item .title {
        position: relative;
        height: .4rem;
        margin-bottom: .08rem;
    }

    .line-list .item .title span {
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
        font-size: .16rem;
        color: #666;
        padding: 0 20px;
        background: #fff;
        z-index: 2;
        font-weight: bold;
    }

    .line-list .item .title:after {
        display: block;
        content: "";
        width: 100%;
        border-top: 1px solid #ccc;
        transform: translateY(-50%);
        position: absolute;
        top: 50%;
        left: 0;
    }

    .line-list .item .image {
        width: 45%;
        flex-shrink: 0;
        margin-right: .12rem;
    }

    .line-list .item .image img {
        width: 100%;
        height: auto;
    }

    .line-list .item .content {
        -webkit-line-clamp: 4;
        font-size: .14rem;
    }

    .line-list .item .content:before {
        display: inline-block;
        content: '';
        width: .06rem;
        height: .06rem;
        border-radius: 50%;
        background: #e4030d;
        position: relative;
        margin-bottom: .03rem;
        margin-right: .06rem;
    }

    /*流程列表*/
    .wap-comp-container {

    }

    .preogress-list {
        display: flex;
        flex-direction: column;
        padding: .1rem;
        background: white;
    }

    .preogress-list span {
        font-size: .14rem;
    }

    .preogress-list .item {
        display: flex;
        justify-content: flex-start;
    }

    .preogress-list .item .date {
        width: .6rem;
        /*font-weight: bold;*/
        padding-top: .1rem;
        flex-shrink: 0;
        font-size: .12rem;
    }

    .preogress-list .item .line {
        background: #FFE7E3;
        position: relative;
        width: .05rem;
        flex-shrink: 0;
    }

    .preogress-list .item .line .dot {
        width: .15rem;
        height: .15rem;
        border-radius: 100%;
        border: .04rem solid #E92C16;
        position: absolute;
        top: .22rem;
        display: flex;
        left: -.05rem;
        align-items: center;
        justify-content: center;
    }

    .preogress-list .item .line .dot::after {
        display: none;
        content: '';
        width: .06rem;
        height: .06rem;
        background: white;
        margin: 0 auto;
        border-radius: 100%;
        box-shadow: 0px 0px 4px white;
    }

    .preogress-list .item .content {
        padding: .2rem .14rem;
        margin-left: .22rem;
        width: 2.4rem;
        transition: all .3s;
        border-radius: .06rem;
        margin-bottom: .06rem;
    }

    .preogress-list .item.active .content {
        box-shadow: 0px 0px .18rem #afa9a9;
    }

    .preogress-list .item .content img {
        border-radius: .08rem;
        margin-top: .16rem;
        display: flex;
        max-width: 68%;
    }
    .preogress-list .more{
        text-align: right;
        margin-top: .1rem;
    }
    .preogress-list .more a{
        color: gray;
    }

    /*储蓄业务*/
    .icon-page-list {
        padding: .12rem;
        background-color: white;
    }

    .icon-page-list .item {
        border: 1px solid #f2f2f2;
        box-shadow: 0 0 4px 0 rgba(214, 214, 214, 0.51);
        width: 100%;
        margin: 0 auto;
        border-radius: .06rem;
        display: flex;
        padding: .1rem;
        align-items: center;
        transition: all .3s;
        margin-bottom: .12rem;
    }

    .icon-page-list .item img {
        display: flex;
        margin-right: .2rem;
        width: .40rem;
        height: .40rem;
        flex-shrink: 0;
    }

    .icon-page-list .item .desc {
        line-height: .24rem;
    }

    /*导航菜单*/
    .header-page {
        background: white;
         height: .5rem;/*处理首页问题*/
    }

    .header-page .header {
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        height: .5rem;
        z-index: 20;
        display: flex;
        justify-content: center;
        align-items: center;
        background-color: white;
    }

    .wapNav {
        width: 100%;
        height: 94vh;
        background: #fff;
        position: fixed;
        top: .5rem;
        left: -100%;
        bottom: 0;
        right: 0;
        z-index: 20;
        transition: all .3s;
        opacity: 0;
    }

    .wapNav.show {
        opacity: 1;
        left: 0;
    }

    .section-contain .menu-tab {
        display: block;
        width: 100%;
        position: relative;
        font-style: normal;
        padding: .15rem 0 .15rem .12rem;
        font-size: .15rem;
    }

    .section-contain .active .menu-tab {
        background: white;
    }

    .section-contain .active .menu-tab::after {
        bottom: -.1rem;
        z-index: 1;
        transform: rotate(-90deg);
    }

    .section-contain .active .menu-tab::before {
        top: -.1rem;
    }

    .section-contain .active .menu-tab::after, .section-contain .active .menu-tab::before {
        content: "";
        position: absolute;
        width: .1rem;
        height: .1rem;
        background-image: url(../images/wap-icon2.png);
        background-repeat: repeat;
        background-size: cover;
        right: 0;
    }

    .section-contain {
        width: 30%;
        height: 100%;
        background: #f4f4f4;
        overflow-y: auto;
        padding-bottom: .2rem;
        box-sizing: border-box;
    }

    .section-contain .menu-content {
        opacity: 0;
        position: absolute;
        right: -100%;
        top: 0;
        width: 70%;
        height: 100%;
        padding: 0 5%;
        background: #fff;
        overflow-y: auto;
        padding-bottom: 10%;
        transition: all .3s;
    }

    .section-contain .active .menu-content {
        display: block;
        padding-top: .04rem;
        opacity: 1;
        right: 0;
    }

    .section-contain .menu-content .desc {
        display: flex;
        font-size: .14rem;
        color: #666;
        line-height: .24rem;
        text-align: left;
        border-bottom: 2px solid #dedede;
        padding-bottom: .1rem;
    }

    .section-contain .menu-content .name {
        margin-top: .2rem;
        display: flex;
        align-items: center;
        font-size: .15rem;
        font-weight: bold;
        margin-bottom: .12rem;
    }

    .section-contain .menu-content .name img {
        width: .2rem;
        height: .2rem;
        margin-right: .06rem
    }

    .section-contain .menu-content ul {
        display: flex;
        flex-wrap: wrap
    }

    .section-contain .menu-content ul li {
        min-width: 50%;
    }

    .section-contain .menu-content ul li a {
        font-size: .14rem;
        color: #333;
        padding: .07rem .05rem;
        display: inline-block;
        position: relative;
    }
    .section-contain .menu-content ul li a .hot-icon{
        position: absolute;
        top: -.01rem;
        right: -.06rem;
        width: .18rem;
    }
    .header-page .default-content, .header-page .search-content {
        position: relative;
        display: flex;
        align-items: center;
        /* justify-content: center; */
        width: 100%;
        padding-left: .6rem;
    }
    .header-page .default-content .logo{
        width: 78%;
    }

    .header-page .icon-sousuo {
        font-size: .24rem;
        font-weight: bold;
    }

    .header-page .search-btn {
        position: absolute;
        right: .2rem;
    }

    .header-page .search-content .logo {
        height: .3rem;
        width: .3rem;
        position: absolute;
        left: .6rem;
    }

    .header-page .search-content input {
        width: 2rem;
        display: flex;
        height: .34rem;
        align-items: center;
        padding-left: .12rem;
        border-radius: .2rem;
        background: #eee;
        border: none;
        outline: none;
        font-size: .14rem;
    }

    .header-page .search-content .search-btn {
        font-size: .15rem;
        padding: .06rem .2rem;
        border: none;
        border-radius: .2rem;
        color: #fff;
        background: linear-gradient(90deg, #ff8886 0, #ea0a0a 100%);
        right: .1rem;
    }

    /*页面标题*/
    .wap-cur-position {
        font-size: .16rem;
        font-weight: bold;
        text-align: center;
        padding: .16rem;
        background-image: url(../images/wap-title-bg.png);
        background-size: cover;
        background-repeat: no-repeat;
    }

    /*轮播图*/
    .banner-swiper-container {
        height: 1.6rem;
    }

    .banner-swiper-container .botton {
        display: none;
    }

    .swiper-container-horizontal > .wap-swiper-pagination {
        bottom: .02rem !important;
    }

    .wap-swiper-pagination .swiper-pagination-bullet {
        opacity: .4;
        width: .06rem;
        height: .06rem;
        background: #F90221 !important;
    }

    .wap-swiper-pagination .swiper-pagination-bullet-active {
        width: .14rem;
        border-radius: .2rem;
        background: #F90221 !important;
        opacity: 1;
    }
    .banner-swiper-container img, .page-swiper-container img{
        height: 1.6rem;
    }
    /*文章列表*/
    .article-list-container {
        border-radius: .06rem;
        background-color: white;
        margin-top: .1rem;
    }

    .article-list {
        padding: .1rem;
        border-radius: .1rem;
    }

    .article-list > p {
        font-size: .14rem;
        margin: .1rem;
        text-align: center;
    }

    .article-list .list h1 {
        font-size: .2rem;
        line-height: .5rem;
        font-weight: 700;
    }

    .article-list .list a {
        display: flex;
        flex-direction: column;
        width: 100%;
        border-bottom: 1px dashed #cccccc;
        padding: .02px .1rem;
        border-radius: .07rem;
        transition: all .3s;
    }

    .article-list .list a:last-child {
        border-bottom: none;
    }

    .article-list .list a:hover {
        background: #f1f1f1;
        border-color: transparent;
    }

    .article-list .list p {
        line-height: .3rem;
        font-size: .14rem;
    }

    .article-list .list p font {
        font-size: .14rem;
    }

    .article-list .list span {
        line-height: .4rem;
        font-size: .15rem;
    }
    .article-list .list span:nth-child(2){
        text-align: right;
    }
    /*文章详情*/
    .article-detail-container {
        background-color: #f4f4f4;
    }

    .article-detail-container .introduce-wrap {
        width: 100%;
        padding: .3rem .16rem 0 .16rem;
        background: white;
    }

    .article-detail-container .introduce-content {
        padding: 0 0px .5rem 0 !important;
    }

    /*新版首页*/
    .circle-swiper-next{
        left: .1rem;
        background: url("../images/left.png") no-repeat;
        background-size: 100% 100%;
    }
    .circle-swiper-prev{
        right: .1rem;
        background: url("../images/right.png")  no-repeat;
        background-size: 100% 100%;
    }
    .circle-swiper-next,  .circle-swiper-prev{
        display: flex;
        width: .4rem;
        height: .4rem;
        position: absolute;
        top: calc(50% - 25px);
        z-index: 2;
        border-radius: 50%;
        outline: none;
    }
    .thumbs-swiper-wrap{
        position: relative;
    }
    .thumbs-swiper-wrap  .swiper-slide img {
        display: block;
        width: 100%;
        height: 100%;
        /*object-fit: cover;*/
        object-fit: fill;
    }
    .thumbs-swiper-wrap  .main-swiper {
        height: 2.2rem;
        width: 100%;
    }
    .thumbs-swiper-wrap .small-swiper {
        height: 150px;
        box-sizing: border-box;
        padding: 10px 0;
        background: rgba(94, 14, 2, 0.6);
        margin-top: -150px;
        overflow: unset;
        position: relative;
    }
    .thumbs-swiper-wrap .small-swiper .swiper-slide {
        width: 25%;
        height: 100%;
    }
    .thumbs-swiper-wrap .small-swiper .swiper-slide-thumb-active {
        height: 120%;
        position: relative;
        bottom: 24px;
    }
    .swiper-button-disabled {
        opacity: .35;
        cursor: auto;
        /*pointer-events: none*/
    }
    .thumbs-swiper-wrap .small-swiper .small-swiper-next{
        left: 20px;
    }
    .thumbs-swiper-wrap .small-swiper .small-swiper-prev{
        right: 20px;
    }
    .thumbs-swiper-wrap .small-swiper .small-swiper-next,  .small-swiper .small-swiper-prev{
        display: flex;
        width: 44px;
        height: 120px;
        align-items: center;
        justify-content: center;
        background: rgba(0, 0, 0, 0.15);
        position: absolute;
        top: 15px;
        z-index: 2;
        border-radius: 8px;
        color: white;
        font-weight: bold;
        outline: none;
    }

    /*公告滚动*/
    .notice-wrap{
        padding: 0 .12rem;
    }
    .notice-content{
        display: flex;
        justify-content: space-between;
        align-items: center;
        height: .44rem;
        margin-top: -.2rem;
        position: relative;
        z-index: 2;
        padding: .12rem;
        background: #FFFFFF;
        box-shadow: 0 2px 10px 0 rgba(0,0,0,0.15);
        border-radius: .02rem;
        overflow: hidden;
    }
    .notice-content .left{
        height: 100%;
        display: flex;
        align-items: center;
        overflow: hidden;
    }
    .notice-content .laba{
        width: .2rem;
        height: .16rem;
        margin-right: .06rem;
    }
    .notice-content .title{
        font-size: .14rem;
        color: #0F001A;
        letter-spacing: 0;
        margin-right: .14rem;
        font-weight: bold;
        word-break: keep-all;
    }
    .notice-content .more{
        word-break: keep-all;
        padding-left: .2rem;
        color: #666666;
        font-size: .12rem;
    }
    .notice-content .swiper-slide{
        display: flex;
        align-items: center;
    }
    .notice-content .swiper-slide p{
        font-size: .13rem;
        color: #0F001A;
    }

    /*便捷服务*/
    .card-swiper-wrap{
        position: relative;
        padding: 0 .12rem!important;/*防止pc端处理左右边距误伤*/
        margin-top: .12rem;
        margin-bottom: .2rem;
    }
    .card-swiper-wrap .swiper-next{
        left: 0px;
    }
    .card-swiper-wrap .swiper-prev{
        right: 0px;
    }
    .card-swiper-wrap .swiper-next,  .card-swiper-wrap .swiper-prev{
        display: flex;
        width: 40px;
        height: 96%;
        align-items: center;
        justify-content: center;
        background: rgba(0, 0, 0, 0.15);
        position: absolute;
        top: 2%;
        z-index: 2;
        border-radius: 8px;
        color: #E60012;
        font-weight: bold;
        outline: none;
        background: #FFF1F2;
    }
    .card-swiper{
        overflow: hidden;
        position: relative;
    }
    .card-swiper-pagination {
    /*    bottom: -.2rem !important;*/
        position: unset;
    }
    .card-swiper-pagination  .swiper-pagination-bullet {
        opacity: .4;
        width: .06rem;
        height: .06rem;
        background: #F90221 !important;
        margin-left: .02rem;
    }

    .card-swiper-pagination  .swiper-pagination-bullet-active {
        width: .14rem;
        border-radius: .2rem;
        background: #F90221 !important;
        opacity: 1;
    }
    .card-swiper .item{
        background-image: linear-gradient(180deg, #FFF5F5 0%, #FFFFFF 100%);
        display: flex;
        padding: .12rem;
        border-radius: .04rem;
        border: .02rem solid #FFF5F5;
        box-shadow: 0 0 10px 0 rgba(212,34,34,0.10);
        transition: all .3s;
        align-items: center;
        box-sizing: border-box;
        margin-bottom: .12rem;
    }
    .card-swiper .item img{
        width: .48rem;
        height: .48rem;
        margin-right: .1rem;
        flex-shrink: 0;
    }
    .card-swiper .item:hover{
        background-image: linear-gradient(180deg, #FFDDDD 0%, #FFF5F5 100%);
        box-shadow: 0 0 10px 0 rgba(212,34,34,0.60);
        border-color: #E60012;
    }
    .card-swiper .title{
        font-size: .16rem;
        color: #DD3C25;
        margin-bottom: .05rem;
        -webkit-line-clamp: 1;
    }
    .card-swiper .desc{
        -webkit-line-clamp: 2;
        font-size: .14rem;
        color: #666666;
        line-height: .18rem;
        height: .36rem;
    }
    /*业务办理*/
    .index-title{
        font-size: .16rem;
        letter-spacing: 1.6px;
        line-height: .32rem;
        font-weight: bold;
        padding-left: .12rem;
        position: relative;
        display: flex;
        justify-content: space-between;
    }
    .index-title .bg{
        position: absolute;
        left: .14rem;
        bottom: 0;
        z-index: -1;
        font-size: .15rem;
        letter-spacing: 4px;
        text-align: center;
        background: linear-gradient(0deg, #FFFFFF 10%, rgba(255, 139, 139, 0.33) 100%);
        -webkit-background-clip: text;
        color: transparent;
    }
    .new-business-block{
        width: 100%;
        overflow: hidden;
        margin-top: .24rem;
    }
    .new-business-block .switch-tab{
        display: flex;
        justify-content: flex-start;
        padding-left: .12rem;
        margin-bottom:.18rem;
    }
    .new-business-block .switch-tab a {
        font-size: .15rem;
    }
    .new-business-block .switch-tab .active a{
        font-size: .15rem;
    }
    .new-business-block .swiper-slide{
        display: flex;
        align-items: center;
        position: relative;
    }
    .new-business-block  .default-image{
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        width: 100%;
        padding: .1rem;
        background: white;
        transition: all 1s;
    }
    .new-business-block  .default-image img{
        width: 100%;
        height: 100%;
    }
    .new-business-block  .swiper-slide-active .default-image{
        opacity: 0;
        z-index: -1;
    }

    .new-business-block .swiper-slide .left{
        padding: .12rem;
        display: flex;
        flex-direction: column;
        width: 90%;
        padding-right: 45%;
        flex-shrink: 0;
        position: relative;
        justify-content: space-between;
        background: #F4F4F4;
        border-radius: .06rem;
        box-sizing: border-box;
        height: 2.1rem;
    }
    .new-business-block .swiper-slide .left img{
        width: .3rem;
        height: .3rem;
        margin-bottom: .06rem;
    }
    .new-business-block .swiper-slide .left .title{
        font-size: .16rem;
        color: #333333;
        font-weight: bold;
        margin-bottom: .06rem;
    }
    .new-business-block .swiper-slide .left .desc{
        font-size: .13rem;
        color: #999999;
        -webkit-line-clamp: 3;
    }
    .new-business-block .swiper-slide .left .btn{
        background: #E60012;
        border-radius: .04rem;
        color: white;
        margin-top: .2rem;
        display: flex;
        width: 1rem;
        height: .32rem;
        justify-content: center;
        align-items: center;
        font-size: .14rem;
    }
    .new-business-block .swiper-slide .right{
        width: 55%;
        position: relative;
        border-radius: .04rem;
        display: inline-block;
        margin-left: -45%;
        height: 1.8rem;
    }
    .new-business-block .business-swiper{
        position: relative;
        padding-left: .12rem;
        padding-right: .12rem;
    }

    /*新闻公告*/
    .news-block{
        padding: .16rem 0 0 0 ;
    }
    .sub-title{
        text-align: center;
        font-size: .14rem;
        color: #999999;
    }
    .news-block .content{
        background: white;
        border-radius: .06rem;
        padding: .12rem;
    }
    .news-block .content .item{
        display: flex;
        border-bottom: 1px solid #F6F6F6;
        padding-bottom: .16rem;
        margin-bottom: .2rem;
        justify-content: space-between;
        align-items: center;
    }
    .news-block .content .item:last-child{
        border-bottom: none;
        margin-bottom: 0;
    }
    .news-block .content .left{
        width: 200px;
    }
    .news-block .content .year{
        ont-size: 14px;
        color: #333333;
    }
    .news-block .content .month-day{
        font-size: 26px;
        color: #333333;
        margin-top: 8px;
    }
    .news-block .content .title{
        font-size: .14rem;
        color: #0F001A;
    }
    .news-block .content .title .tag{
        width: .26rem;
        height:.18rem;
        margin-left: 12px;
    }
    .news-block .content .desc{
        font-size: .12rem;
        color: #919191;
        margin-top: .08rem;
        display: flex;
        align-items: center;

    }
    .news-block .content .desc .dot{
        width: .03rem;
        height: .03rem;
        border-radius: 20px;
        background:#919191 ;
        display: inline-block;
        margin: 0 .06rem 0 .05rem;
    }
    .news-block .more{
        padding: 0px .14rem;
        color: #999999;
        letter-spacing: 0;
        font-size:.14rem;
        display: flex;
        align-items: center;
        justify-content:flex-end;
    }
    .news-block .more img{
        width: .10rem;
        margin-left: .04rem;
    }
    /*金融信息*/
    .finnance-info{
        padding: .12rem 0 0 0 ;
    }
    .finnance-info .content{
        width: 100%;
        padding-top: .01rem;
    }
    .finnance-info .finance-swiper{
        position: relative;
        padding-left: .12rem;
        padding-right: .12rem;
    }
    .finnance-info .swiper-slide{
        padding: 10px 0;
        width: 25%;
    }
    .finnance-info .swiper-slide .main{
        position: relative;
        height: 100%;
    }
    .finnance-info .swiper-slide .main .shadow{
        background: rgba(0, 0, 0, 0.3);
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        right: 0;
        bottom: 0;
        z-index: 1;
    }
    .finnance-info .main img{
        width: 100%;
        height: 2rem;
    }
    .finnance-info .text-wrap{
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        display: flex;
        justify-content: center;
        flex-direction: column;
        z-index: 2;
        padding: .12rem;
    }
    .finnance-info .text-wrap span{
        font-size: .12rem;
        font-weight: bold;
        color: white;
    }
    /*时间流程图*/
    .company-progress-wrap .bg{
        width: 100%;
        content: url("../images/mobile-company-bg.png");
        margin-top: -1rem;
    }
    .company-progress-wrap{
        width: 100%;
        position: relative;
        background: white;
        padding-top: 0.2rem;
        background-size: 100% 100%;
    }
    .company-progress{
        display: flex;
        justify-content: flex-start;
    }

    .company-progress .swiper-slide{
        height: 2rem;
        display: flex;
        align-items: center;
        width: 20%;
    }
    .company-progress .item{
        height: .2rem;
        width: 100%;
        position: relative;
        flex-shrink: 0;
    }
    .company-progress .item::after{
        display: block;
        content: '';
        position: absolute;
        right: -.07rem;
        top: -.03rem;
        background: url(../images/line-tag.png) no-repeat;
        background-size: 100% 100%;
        width: .14rem;
        height: .4rem;
        z-index: 3;
    }
    .company-progress .item.none::after{
        background:unset;
    }
    .company-progress .item .desc{
        position: absolute;
        right: -1rem;
        top: .46rem;
        display: flex;
        flex-direction: column;
        width: 1.3rem;
        min-height: .8rem;
        z-index: 10;
    }
    .company-progress .item  .show-all{

        position: absolute;
        top: .5rem;
        left: -.1rem;
        border-radius: .08rem;
        box-shadow: 0px 0px .1rem #adabab;
        padding: 0px;
        background: white;
        min-width: 1rem;
        opacity: 0;
        height: 0;
        transition: all .3s;
        word-spacing: normal;
        word-break: break-all;
    }
    .company-progress .item .desc span:nth-child(1){
        font-size: .12rem;
        font-weight: bold;
        letter-spacing: 2px;
        margin-bottom: .06rem;
    }
    .company-progress .item .desc span:nth-child(2){
        font-size: .12rem;
        color: #666666;
        line-height: .2rem;
        -webkit-line-clamp: 1;
    }
    .company-progress .swiper-slide:nth-child(2n-1) .item{
        background: url("../images/line-bottom.png") no-repeat;
        background-size: 100% 100%;
    }
    .company-progress .swiper-slide:nth-child(2n) .item{
        background: url(../images/line-top.png) no-repeat;
        background-size: 100% 100%;
        margin-top: -0.23rem;
    }
    .company-progress .swiper-slide:nth-child(2n) .item::after{
        top: -.16rem;
        right: -.08rem;
        transform: rotate(180deg);
    }
    .company-progress .swiper-slide:nth-child(2n) .item .desc{
        right: -.7rem;
        top: -.7rem;
    }

    .image-comp .item{
        margin-bottom: 8px;
    }
    .image-comp img{
        width: 100%;
    }
    .load-iframe{
        width: 100%;
        min-height: 400px;
    }
}